<div class="">
    <div class="row">
        <div class="col-sm-12">
            <form  id="form_detail"  class="form-parsley" data-parsley-validate>
                <div class="portlet">
                    <div class="portlet-heading portlet-default">
                        <h3 class="portlet-title text-dark">基本信息</h3>
                        <div class="portlet-widgets"></div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="panel-collapse collapse in" >
                        <div class="portlet-body">
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-md-2 control-label">策略名称</label>
                                    <div class="col-md-10"><span class="box-must">·</span><input class="form-control box-input" type="text" name="name"  placeholder="" required="" data-parsley-stringlenmax="100" tabindex="0"></div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">所属推广计划</label>
                                    <div class="col-md-10"><span class="box-must">·</span><select class="form-control select2 w-500" id="ddl_spread" name="spread"  required=""></select></div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">投放时间</label>
                                    <div class="col-md-10">
                                        <div id="panel_deliveryTimeType" name="timeType" class="m-b-10"></div>
                                        <div id="panel_dayTime" style="display: none"><input type="text" class="form-control w-250" id="txt_day"></div>
                                        <div id="panel_rangeTime" style="display: none"><input type="text" class="form-control w-250" id="txt_range"></div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">备注</label>
                                    <div class="col-md-10">
                                        <div class="parsley-err-absolute parsley-icon-top parsley-erricon-r3 w-520">
                                            <textarea  class="form-control text-area box-input"  rows="5" placeholder="" name="description" data-parsley-stringlenmax="250"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="portlet">
                    <div class="portlet-heading portlet-default">
                        <h3 class="portlet-title text-dark">资源与创意</h3>
                        <div class="portlet-widgets"></div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="panel-collapse collapse in" >
                        <div class="portlet-body">
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-md-2 control-label">媒体定向</label>
                                    <div class="col-md-10">
                                        <span class="box-must">·</span>
                                        <button type="button" class="btn btn-grayLight waves-effect waves-light"  id="btn_select_space"><i class="fa fa-plus"></i>选择广告位</button>
                                        <div>
                                            <table class="table table-bordered table-bordered-topbottom" id="tb_listSpaces" width="100%">
                                                <thead>
                                                <tr>
                                                    <th>ID</th>
                                                    <th>广告位名称</th>
                                                    <th>形式</th>
                                                    <th>媒体</th>
                                                    <th>平台</th>
                                                    <th>描述</th>
                                                    <th>操作</th>
                                                </tr>
                                                </thead>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">指定创意</label>
                                    <div class="col-md-10">
                                        <span class="box-must">·</span>
                                        <button type="button" class="btn btn-grayLight waves-effect waves-light"  id="btn_select_creative"><i class="fa fa-plus"></i>选择创意</button>
                                        <button type="button" class="btn btn-grayLight waves-effect waves-light"  id="btn_add_creative"><i class="fa fa-edit"></i>新建创意</button>
                                        <div>
                                            <table class="table table-bordered table-bordered-topbottom" id="tb_listCreative" width="100%">
                                                <thead>
                                                <tr>
                                                    <th>ID</th>
                                                    <th>创意名称</th>
                                                    <th>操作</th>
                                                </tr>
                                                </thead>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="portlet">
                    <div class="portlet-heading portlet-default">
                        <h3 class="portlet-title text-dark">定向设置</h3>
                        <div class="portlet-widgets"></div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="panel-collapse collapse in" >
                        <div class="portlet-body">
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-md-2 control-label">定向包</label>
                                    <div class="col-md-10"><select class="form-control select2 w-250" id="ddl_targetPack" name="targetPack"  required=""></select></div>
                                </div>
                                <div class="form-group" id="panel_isTargetPack">
                                    <label class="col-md-2 control-label">是否保存定向包</label>
                                    <div class="col-md-10"><input id="cb_targetPack"  type="checkbox" value="1" data-plugin="switchery" /></div>
                                </div>
                                <div class="form-group" id="panel_targetPackName">
                                    <label class="col-md-2 control-label">定向包名称</label>
                                    <div class="col-md-10"><span class="box-must">·</span><input class="form-control box-input" type="text" name="targetPackName"  data-parsley-stringlenmax="120"></div>
                                </div>
                                <div class="form-group" id="panel_targetInfo">
                                    <label class="col-md-2 control-label">定向类型</label>
                                    <div class="col-md-10"><div id="container_target"></div></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="portlet">
                    <div class="portlet-heading portlet-default">
                        <h3 class="portlet-title text-dark">出价设置</h3>
                        <div class="portlet-widgets"></div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="panel-collapse collapse in" >
                        <div class="portlet-body">
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-md-2 control-label">出价</label>
                                    <div class="col-md-10">
                                        <span class="box-must">·</span>
                                        <div class="input-group parsley-err-absolute w-270">
                                            <input class="form-control num-float2" type="text" placeholder="价格" id="txt_unitPrice" name="unitPrice" data-parsley-specialevent="keyup" required="" data-parsley-min-greater="0">
                                            <span class="input-group-addon">/ <span id="sp_kpi">CPC</span></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group" id="panel_dayBudget" style="display: none;">
                                    <label class="col-md-2 control-label">日预算</label>
                                    <div class="col-md-10">
                                        <span class="box-must">·</span>
                                        <div class="input-group parsley-err-absolute w-270" >
                                            <input class="form-control num-float2" type="text" id="txt_dayBudget" name="dayBudget" data-convertempty="0" data-parsley-specialEvent="keyup" data-parsley-numrange="[1000,10000000]">
                                            <span class="input-group-addon" style="width: 67px">元</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <div class="clearfix button-list-actions ">
                <label class="col-md-2 control-label"></label>
                <div class="col-md-10">
                    <button class="btn btn-default btn-large waves-effect waves-light page-power-edit" type="button" id="btn_submitSave"><i class="fa fa-save"></i>保存</button>
                    <a id="btnGoReturn" class="btn btn-link btn-large waves-effect waves-light go-campaign-info" type="button" href="javascript:">取消 </a>
                </div>
            </div>
        </div>
    </div>
    <div>
        <div id="container_space"></div>
        <div id="container_creative"></div>
        <div id="container_creativeEdit"></div>
        <div id="container_target_modal"></div>
    </div>
</div>
